import {Navbar,NavList,Item} from 'common/components/Navbar';
import {Link} from 'react-router';

let {DropDownMenu,RaisedButton} = mui
let ThemeManager = new mui.Styles.ThemeManager()

export default class Header extends React.Component{
	constructor(){
		super();
		this.state = {};
	}
	getChildContext() {
    return {
      muiTheme: ThemeManager.getCurrentTheme()
    };
  }
	render(){
		return (
			<div>
				<Navbar title="Eyas" icon="fa fa-bars">
					<NavList float="left">
						<Item >
							<Link to="/blog">blog</Link>
						</Item>
						<Item>
							<Link to="/blog/home">blog/home</Link>
						</Item>
						<Item>
							<Link to="/blog/list">blog/list</Link>
						</Item>
						<Item>
							<Link to="/blog/item">blog/item</Link>
						</Item>
					</NavList>
					<NavList float="right">
						<Item>
							<Link to="/case">case</Link>
						</Item>
						<Item>
							<Link to="/case/home">case/home</Link>
						</Item>
						<Item>
							<Link to="/case/view">case/view</Link>
						</Item>
					</NavList>
				</Navbar>
			</div>
		)
	}
}
Header.childContextTypes = {
	muiTheme: React.PropTypes.object
}